<template>
    <div class="custom-mark">
        <template v-if="action == 'edit' || action == 'search' ">
            <el-input v-on="$listeners" :value="value" :placeholder="fieldName"></el-input>
        </template>
        <template v-if="action == 'table'">
            <div>
                <el-button class="bgbutton color389E0D">保</el-button>
                <el-button class="bgbutton color096DD9">首</el-button>
                <el-button class="bgbutton colorFF7875">纠</el-button>
                <el-button class="bgbutton color389E0D">准</el-button>
                <el-button class="bgbutton colorFA8C16">次21</el-button>
            </div>
        </template>
    </div>
</template>
<script>
    import base from '../base.js';

    export default {
        extends: base,
        props: {},
        data() {
            return {
                searchModel: 'like',
            }
        },
    }
</script>
<style scoped lang="less">
    .custom-mark{
        .bgbutton{
            padding: 4px;
            background-color: #389E0D;
            font-size: 12px;
            border: none;
            color: #fff;
        }
       .color389E0D{
           background-color: #389E0D;
       }
        .colorFA8C16{
            background-color: #FA8C16;
       }
        .color096DD9{
            background-color: #096DD9;
       }
        .colorFF7875{
            background-color: #FF7875;
       }
    }
</style>
